import type { Router, RouteRecordRaw } from 'vue-router';

import { usePermissionStoreWidthOut } from '/@/store/modules/permission';

import { PageEnum } from '/@/enums/pageEnum';
import { useUserStoreWidthOut } from '/@/store/modules/user';

import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';


const LOGIN_PATH = PageEnum.BASE_LOGIN;

const whitePathList: PageEnum[] = [LOGIN_PATH];



/**
 * 路由守卫
 * @param router
 */
export function createPermissionGuard(router: Router) {
  const userStore = useUserStoreWidthOut();
  const permissionStore = usePermissionStoreWidthOut();



  /**
   * 跳转前监听
   */
  router.beforeEach(async (to, from, next) => {
    console.error("监听到了页面跳转",from.path,'---->',to.path);
    // 登录后，在路由中没有找到页面，则跳转404；
    if (from.path === LOGIN_PATH && to.name === PAGE_NOT_FOUND_ROUTE.name) {
      next(PageEnum.BASE_HOME);
      return;
    }

    // 如果跳转的页面存在白名单中则跳转；whitePathList 中现设定只有登录页面；
    if (whitePathList.includes(to.path as PageEnum)) {
      next();
      return;
    }

    const token = userStore.getToken;

    // 如果token不存在
    if (!token) {
      // 判断跳转路由的ignoreAuth是否忽略访问权限，如果true则跳转；
      if (
        to.meta.ignoreAuth
        // || to.name === FULL_PAGE_NOT_FOUND_ROUTE.name
      ) {
        next();
        return;
      }

      // 定义重定向 登录页
      const redirectData: { path: string; replace: boolean; query?: Recordable<string> } = {
        path: LOGIN_PATH,
        replace: true,
      };
      // 以上条件都不满足 && 目标页不会空，则跳转登录页面
      if (to.path) {
        redirectData.query = {
          ...redirectData.query,
          redirect: to.path,
        };
      }
      next(redirectData);
      return;
    }

    // 以下 是  token 不为空的情况；

    // 判断是否已经加载路由，如果已经加载过路由则直接跳转。
    if (permissionStore.getIsDynamicAddedRoute) {
      next();
      return;
    }
    // 没有加载过路由。
    // 发送请求获取后台的btn权限和menu。
    const routes = await permissionStore.buildRoutesAction();
    // 将后台路由加载到系统路由中
    routes.forEach((route) => {
      router.addRoute(route as unknown as RouteRecordRaw);
    });

    const redirectPath = (from.query.redirect || to.path) as string;
    const redirect = decodeURIComponent(redirectPath);
    const nextData = to.path === redirect ? { ...to, replace: true } : { path: redirect };
    // 全局设置，已经加载过路由；
    permissionStore.setDynamicAddedRoute(true);
    // 跳转页面；
    next(nextData);
  });
}
